/* General */
body {
	background: -webkit-gradient(linear, left top, right top, from(#2F2727), to(#1a82f7));
}

.main {
	display:none;
	width:1024px;
	margin:0 auto 0 auto;
}

h1 {
	color:black;
	text-align:center;
	text-transform:uppercase;
	text-shadow: -2px 2px 2px #000;
}
h2 {
	text-transform:uppercase;
	font-weight:900;
	color:#F47C20;
	margin:0;
	padding:0;
}
dl {
	margin:2px 0 0 5px;
}
dt {
	text-align:center;
	font-weight:bold;
}

dt.action {
	text-align:left;
	position: absolute;
	left: 7px;
	top: 4px;
	width: 50px;
	height: 70px;
	color:#8a1515;
}
dt.betSize {
	text-align:left;
	position: absolute;
	left: 55px;
	top: 4px;
	width: 70px;
	height: 70px;
	color:#8a1515;
}
dt.name {
	position: absolute;
	left: 5px;
	top: 25px;
	width: 110px;
	height: 70px;
	color:green;
}
dt.amount {
	position: absolute;
	left: 37px;
	top: 45px;
	width: 50px;
	height: 70px;
	color:#6c9fd8;
} 
.activePlayer { -webkit-box-shadow: 0 0 2px 2px#f66913; }
/*.playerActionButton { display:none; }*/
/*.player { display:none; }*/
.community { display:none;}
.pot {}

/* Table */
.tableArea {
	margin:120px 0 0 100px;
	width:500px;
	height:400px;
	float:left;
}

.table {	
 background-color: green;
 width: 450px;
 height: 250px;
 margin: 1em;
 border-style: solid;
 border-width: 8px;
 border-color: #454644;
 -moz-border-radius: 375px;
 -webkit-border-radius: 375px;
 -webkit-box-shadow: -1px 1px 1px 0 #252525;
}

.pot{
	position: relative;
	top:200px;
	left:182px;
	width:100px;
	height:20px;
	padding: 5px 0 0 0;	
	border-style:solid;
	border-width:thin;
	border-color:#000;
	border-radius:5px;
	background:#D3D3D3;
	color:#8a1515;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	font-weight:bold;
}
	
/* Players */
.player{
	position:relative;
	width:120px;
}

.playerInfo{
	padding-top:5px;	
	height:65px;
	border-style:solid;
	border-width:thin;
	border-color:#000;
	border-radius:5px;
	background:#D3D3D3;
}

#bot0 {
	top:20px;
	left:189px
	
}

#bot1 {
	bottom:97px;
	left:-21px
}

#bot2 {
	bottom:313px;
	left:-61px
}

#bot3 {
	bottom:529px;
	left:-21px
}

#bot4 {
	bottom:637px;
	left:119px
}

#bot5 {
	bottom:709px;
	left:259px
}

#bot6 {
	bottom:745px;
	left:399px
}

#bot7 {
	bottom:673px;
	left:439px
}

#bot8 {
	bottom:601px;
	left:399px
}

/* Cards */
.deck {
	left: 199px;
	top: 10px;
	width: 50px;
	height: 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.card1 {display:none;}
.card2 {display:none;}
.card {
	float:left;	
	background-color: white;
	border-style: solid;
	border-width: thin;
	border-color: black;
	position: relative;	
}

.community {
	top: 90px;
	left: 28px;
	width: 50px;
	height: 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 5px;
}

.playerCard {
	width: 30px;
	height: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	left: 28px;
	bottom: 116px;
}

.black {
 color: black;
}

.red {
 color: red;
}

.suit {
 font-size: 2em;
 text-align: center;
 line-height: 30px;
 vertical-align: middle;
}

.bottom {
	float:right;
 	bottom: 3px;
 	right: 5px;
	padding-right: 3px;
}

.top {
 top: 3px;
 right: 3px;
 padding-left: 2px;
}

.number {
 font-size: 1em; 
}

.smallNumber {
 font-size: 10px;;
}

.smallSuit {
 font-size: 14px;
 text-align: center;
 line-height: 15px;
 vertical-align: middle;
}

.backSide{
	background-size:20% 15%;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
							  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
							  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #555)),
			  				  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #555));
}

/* Chat */
#sidebar { float:left; margin:60px 0 0 100px; height:500px;}

.actionControl { padding:20px;}

.chatbox{ 
	background-color:#494b49;
	width: 250px;
	height: 430px;
	border-style: solid;
	border-width: 1px;
	border-color: black;	
	border-radius:5px;
	padding:5px;
	box-shadow: 0 0 5px 5px #888;
}

#chatArea {	
	background: #a9aba8;
	width: 244px;
	height: 350px;
	overflow : auto;
	padding:2px;
	border-style:solid;
	border-width:thin;
	border-color:black;
	color: green;
}

input {
	width: 246px;
}


label {
	color:black;
	font-weight:bold;
}

.playerActionButton {
	margin-top:2px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 10px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.playerActionButton:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

#endGameButton {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
#endGameButton:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}


#startGameButton{
	margin-top:2px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 10px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	
	
}

#logBox { margin:600px 0 0 80px; width:595px; padding:5px; height:155px; background-color:#F47C20; border-style:solid; border-width: 1px; border-color: black; border-radius:5px; }
#logArea { 
	background:black;
	width: 590px;
	height: 150px;
	overflow : auto;
	padding:2px;
	color: #FFCC00;
	font-family:"Arial";
	font-size:13px;
}